<style type="text/css">
    #aaaaaaaa p a img
    {
        margin-top: 10px;
        float: right;
    }
        #footer .span1 {
        top: 10px;
        float: left;
        padding-left: 10px;
    }
</style>
<div id="footer">
    <div style="height:100px;width: 1100px;overflow: hidden;    margin: 0px auto;">
        <dl style="height:40px;line-height: 40px;">
            <dd style="width:400px;float:left;" id="aaaaaaaa">
                {$fragment.bottom_peg.text}
            </dd>
            <dd style="width:700px;float:left;">
                {notempty name="bottom_nav"}
                    {volist name="bottom_nav" id="vo" key="k"}
                    <span class="span1"><a href="{$vo.path_url}" {if condition="$vo.target eq 1"}  target="_blank" {/if}>{$vo.nav_name}</a></span> {if condition="$k neq count($bottom_nav)"}  <span class="span1">|</span>   {/if}  
                    {/volist}
                {/notempty}
            </dd>
        </dl>
        <dl style="height:40px;line-height: 40px;clear: both;padding-top:10px;">
            <dd>{$fragment.bottom.text}</dd>
        </dl>
    </div>
</div>



{notempty name="$left_contemt"}
<div id="kefu">
    {volist name="left_contemt" id="vo"}
    <p><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin={$vo.qq}&site=qq&menu=yes">{$vo.title}</a></p>
    {/volist}
</div>
<script>
$('#kefu').click(function(){
    $(this).toggleClass('on');
});
</script>
{/notempty}
<script src="\public\static\public\jquery.js"></script>
<script src="__PUBLIC__/jquery/jquery.min.js"></script>
<script src="__PUBLIC__/layui/layui.js"></script>